<div [@routerTransition]>
  <div class="m-subheader ">
    <div class="d-flex align-items-center">
      <div class="mr-auto col-xs-6">
        <h3 class="m-subheader__title m-subheader__title--separator"><span>工规管理</span></h3>
        <button type="button" (click)="showAction(2)" class="btn btn-outline-primary m-btn m-btn--custom m-btn--outline"
          *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">
          <i class="fa fa-shopping-cart"></i>借出
        </button>
        <button type="button" (click)="showAction(3)" class="btn btn-outline-success m-btn m-btn--custom m-btn--outline"
          *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">
          <i class="fa fa-shopping-cart"></i>归还
        </button>
        <button type="button" (click)="showAction(1)" class="btn btn-outline-warning m-btn m-btn--custom m-btn--outline"
          *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">
          <i class="fa fa-shopping-cart"></i>入库
        </button>
        <button type="button" (click)="showAction(4)" class="btn btn-outline-danger m-btn m-btn--custom m-btn--outline"
          *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">
          <i class="fa fa-shopping-cart"></i>报废
        </button>
        <button type="button" (click)="showAction(5)" class="btn btn-outline-info m-btn m-btn--custom m-btn--outline"
          *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">
          <i class="fa fa-shopping-cart"></i>追回
        </button>
      </div>
      <div class="col-xs-6 text-right">
        <div class="btn-group" *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">
          <button type="button" class="btn btn-outline-success dropdown-toggle" style="margin-right: 10px;"
            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-file-excel-o"></i>Excel操作
          </button>
          <div class="dropdown-menu">
            <excel-import [showIcon]="false" [onlyLink]="true" [btnColor]="'success'" [btnText]="'导入(按导出模板)'"
              (onUpload)="onUpload($event)"></excel-import>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="javascript:;" (click)="exportToExcel(false)">导出查询结果</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="m-content">
    <div class="m-portlet m-portlet--mobile">
      <div class="m-portlet__body">
        <form class="horizontal-form" autocomplete="off">
          <div class="m-form m-form--label-align-right">
            <div class="row align-items-center m--margin-bottom-10">
              <div class="col-xl-12">
                <div class="form-group m-form__group align-items-center">
                  <div class="input-group">
                    <input [(ngModel)]="filterText" name="filterText" autofocus class="form-control m-input"
                      [placeholder]="l('SearchWithThreeDot')" type="text" />
                    <span class="input-group-btn">
                      <button (click)="reloadPage()" class="btn btn-primary" type="submit">
                        <i class="flaticon-search-1" [attr.aria-label]="l('Search')"></i>
                      </button>
                    </span>
                  </div>
                </div>
              </div>
            </div>

            <div class="row m--margin-bottom-10" [hidden]="!advancedFiltersAreShown">
              <div class="col-md-4">
                <div class="form-group">
                  <date-range-empty-picker placeholder="选择日期范围" [(startDate)]="startFilterDate"
                    [(endDate)]="endFilterDate"></date-range-empty-picker>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <select #securityTypeCombobox name="sourceName" class="form-control bs-select" [(ngModel)]="security">
                    <option value="-1">按密级搜索</option>
                    <option *ngFor="let Item of securitys" [value]="Item.value">{{Item.displayText}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <select #stageTypeCombobox name="sourceName" class="form-control bs-select" [(ngModel)]="stage">
                    <option value="-1">按阶段搜索</option>
                    <option *ngFor="let Item of stages" [value]="Item.value">{{Item.displayText}}</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="row margin-bottom-10">
              <div class="col-sm-12">
                <span class="clickable-item text-muted" *ngIf="!advancedFiltersAreShown"
                  (click)="advancedFiltersAreShown=!advancedFiltersAreShown"><i class="fa fa-angle-down"></i>
                  {{"ShowAdvancedFilters" | localize}}</span>
                <span class="clickable-item text-muted" *ngIf="advancedFiltersAreShown"
                  (click)="advancedFiltersAreShown=!advancedFiltersAreShown"><i class="fa fa-angle-up"></i>
                  {{"HideAdvancedFilters" | localize}}</span>
              </div>
            </div>
          </div>
        </form>

        <div class="row align-items-center">
          <!-- <Primeng-TurboTable-Start> -->
          <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
            <tabset class="tab-container tabbable-line">
              <tab customClass="m-tabs__item" (select)="selectType(1)">
                <span *tabHeading>
                  有效文件 &nbsp;<span class='m-badge m-badge--success'>
                    {{primengTableHelper.totalRecordsCount}}
                  </span>
                </span>
                <p-table #dataTable (onLazyLoad)="getTechRules($event)" [value]="primengTableHelper.records"
                  rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true"
                  [scrollable]="true" ScrollWidth="100%" [responsive]="primengTableHelper.isResponsive"
                  [resizableColumns]="primengTableHelper.resizableColumns">
                  <ng-template pTemplate="header">
                    <tr>
                      <th style="width: 80px">
                        {{ l('Actions') }}
                      </th>
                      <th style="width: 150px" pSortableColumn="TechRuleInfo.FileCode">
                        编号
                        <p-sortIcon field="TechRuleInfo.FileCode"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.FileName">
                        状态
                        <p-sortIcon field="TechRuleInfo.FileName"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.ModelName">
                        型号
                        <p-sortIcon field="TechRuleInfo.ModelName"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.DrawingCode">
                        图号
                        <p-sortIcon field="TechRuleInfo.DrawingCode"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.DrawingName">
                        图号名称
                        <p-sortIcon field="TechRuleInfo.DrawingName"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.StageType">
                        阶段
                        <p-sortIcon field="TechRuleInfo.StageType"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.Editor">
                        编制人
                        <p-sortIcon field="TechRuleInfo.Editor"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.EditTime">
                        编制时间
                        <p-sortIcon field="TechRuleInfo.EditTime"></p-sortIcon>
                      </th>
                      <!-- <th style="width: 80px" pSortableColumn="TechRuleInfo.SecurityType">
                        密级
                        <p-sortIcon field="TechRuleInfo.SecurityType"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.TechRuleType">
                        类型
                        <p-sortIcon field="TechRuleInfo.TechRuleType"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.UseUnit">
                        使用单位
                        <p-sortIcon field="TechRuleInfo.UseUnit"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.UseTime">
                        使用时间
                        <p-sortIcon field="TechRuleInfo.UseTime"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.FromGist">
                        依据文件
                        <p-sortIcon field="TechRuleInfo.FromGist"></p-sortIcon>
                      </th> -->
                      <th style="width: 80px" pSortableColumn="PositionId">
                        位置
                        <p-sortIcon field="PositionId"></p-sortIcon>
                      </th>
                    </tr>
                  </ng-template>
                  <ng-template pTemplate="body" let-record="$implicit">
                    <tr>
                      <td style="width: 80px">
                        <div class="btn-group dropdown" dropdown container="body">
                          <button dropdownToggle class="dropdown-toggle btn btn-sm btn-primary">
                            <i class="fa fa-cog"></i><span class="caret"></span> {{"Actions" | localize}}
                          </button>
                          <ul class="dropdown-menu" *dropdownMenu>
                            <li *ngIf="record.status === 2"><a (click)="cancelCar(record)">取消</a></li>
                            <li *ngIf="record.status === 1"><a (click)="goCar(record, 2)">加入借出车</a></li>
                            <li *ngIf="record.status === 3"><a (click)="goCar(record, 3)">加入归还车</a></li>
                            <li *ngIf="record.status === 3&&isGranted('Pages.TechRuleFileInfo.Manager')"><a
                                (click)="goCar(record, 5)">加入追回车</a></li>
                            <li *ngIf="record.status === 1&&isGranted('Pages.TechRuleFileInfo.Manager')"><a
                                (click)="goCar(record, 4)">加入报废车</a></li>
                            <li><a (click)="TechRuleLogModal.show(record)">日志</a></li>
                            <li>
                              <a (click)="createOrEditTechRuleModal.show(record.id)"
                                *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">{{ l('Edit') }}</a>
                            </li>
                            <li>
                              <a (click)="deleteTechRule(record)"
                                *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">{{ l('Delete') }}</a>
                            </li>
                          </ul>
                        </div>
                      </td>
                      <td style="width: 150px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.fileCode }}
                      </td>
                      <td style="width: 80px">
                        <span class="ui-column-title"> 状态</span> {{ record.techRuleInfo.fileName }}
                        <span class="m-badge m-badge--danger">{{ record.statusName }}</span>
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.modelName }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span>
                        {{ record.techRuleInfo.drawingCode }}</td>
                      <td style="width: 80px"><span class="ui-column-title"> </span>
                        {{ record.techRuleInfo.drawingName }}</td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.stage }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.editor }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.editTime }}
                      </td>
                      <!-- <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.security }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span>
                        {{ record.techRuleInfo.techRuleType }}</td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.useUnit }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.useTime }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.fromGist }}
                      </td> -->
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.positionName }}</td>
                    </tr>
                  </ng-template>
                </p-table>
                <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">{{ l('NoData') }}</div>
                <div class="primeng-paging-container">
                  <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                    (onPageChange)="getTechRules($event)" [totalRecords]="primengTableHelper.totalRecordsCount"
                    [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">
                  </p-paginator>
                  <span class="total-records-count"> 共计：{{ primengTableHelper.totalRecordsCount }} </span>
                </div>
              </tab>

              <tab customClass="m-tabs__item" (select)="selectType(3)">
                <span *tabHeading>
                  我的文件 &nbsp;<span class='m-badge m-badge--info'>
                    {{primengTableHelper2.totalRecordsCount}}
                  </span>
                </span>
                <p-table #dataTable2 (onLazyLoad)="getTechRules2($event)" [value]="primengTableHelper2.records"
                  rows="{{primengTableHelper2.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true"
                  [scrollable]="true" ScrollWidth="100%" [responsive]="primengTableHelper2.isResponsive"
                  [resizableColumns]="primengTableHelper2.resizableColumns">
                  <ng-template pTemplate="header">
                    <tr>
                      <th style="width: 80px">
                        {{ l('Actions') }}
                      </th>
                      <th style="width: 150px" pSortableColumn="TechRuleInfo.FileCode">
                        编号
                        <p-sortIcon field="TechRuleInfo.FileCode"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.FileName">
                        状态
                        <p-sortIcon field="TechRuleInfo.FileName"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.ModelName">
                        型号
                        <p-sortIcon field="TechRuleInfo.ModelName"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.DrawingCode">
                        图号
                        <p-sortIcon field="TechRuleInfo.DrawingCode"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.DrawingName">
                        图号名称
                        <p-sortIcon field="TechRuleInfo.DrawingName"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.StageType">
                        阶段
                        <p-sortIcon field="TechRuleInfo.StageType"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.Editor">
                        编制人
                        <p-sortIcon field="TechRuleInfo.Editor"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.EditTime">
                        编制时间
                        <p-sortIcon field="TechRuleInfo.EditTime"></p-sortIcon>
                      </th>
                      <!-- <th style="width: 80px" pSortableColumn="TechRuleInfo.SecurityType">
                        密级
                        <p-sortIcon field="TechRuleInfo.SecurityType"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.TechRuleType">
                        类型
                        <p-sortIcon field="TechRuleInfo.TechRuleType"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.UseUnit">
                        使用单位
                        <p-sortIcon field="TechRuleInfo.UseUnit"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.UseTime">
                        使用时间
                        <p-sortIcon field="TechRuleInfo.UseTime"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.FromGist">
                        依据文件
                        <p-sortIcon field="TechRuleInfo.FromGist"></p-sortIcon>
                      </th> -->
                      <th style="width: 80px" pSortableColumn="PositionId">
                        位置
                        <p-sortIcon field="PositionId"></p-sortIcon>
                      </th>
                    </tr>
                  </ng-template>
                  <ng-template pTemplate="body" let-record="$implicit">
                    <tr>
                      <td style="width: 80px">
                        <div class="btn-group dropdown" dropdown container="body">
                          <button dropdownToggle class="dropdown-toggle btn btn-sm btn-primary">
                            <i class="fa fa-cog"></i><span class="caret"></span> {{"Actions" | localize}}
                          </button>
                          <ul class="dropdown-menu" *dropdownMenu>
                            <li *ngIf="record.status === 2"><a (click)="cancelCar(record)">取消</a></li>
                            <li *ngIf="record.status === 1"><a (click)="goCar(record, 2)">加入借出车</a></li>
                            <li *ngIf="record.status === 3"><a (click)="goCar(record, 3)">加入归还车</a></li>
                            <li *ngIf="record.status === 3&&isGranted('Pages.TechRuleFileInfo.Manager')"><a
                                (click)="goCar(record, 5)">加入追回车</a></li>
                            <li *ngIf="record.status === 1&&isGranted('Pages.TechRuleFileInfo.Manager')"><a
                                (click)="goCar(record, 4)">加入报废车</a></li>
                            <li><a (click)="TechRuleLogModal.show(record)">日志</a></li>
                            <li>
                              <a (click)="createOrEditTechRuleModal.show(record.id)"
                                *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">{{ l('Edit') }}</a>
                            </li>
                            <li>
                              <a (click)="deleteTechRule(record)"
                                *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">{{ l('Delete') }}</a>
                            </li>
                          </ul>
                        </div>
                      </td>
                      <td style="width: 150px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.fileCode }}
                      </td>
                      <td style="width: 80px">
                        <span class="ui-column-title"> 状态</span> {{ record.techRuleInfo.fileName }}
                        <span class="m-badge m-badge--danger">{{ record.statusName }}</span>
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.modelName }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span>
                        {{ record.techRuleInfo.drawingCode }}</td>
                      <td style="width: 80px"><span class="ui-column-title"> </span>
                        {{ record.techRuleInfo.drawingName }}</td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.stage }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.editor }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.editTime }}
                      </td>
                      <!-- <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.security }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span>
                        {{ record.techRuleInfo.techRuleType }}</td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.useUnit }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.useTime }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.fromGist }}
                      </td> -->
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.positionName }}</td>
                    </tr>
                  </ng-template>
                </p-table>
                <div class="primeng-no-data" *ngIf="primengTableHelper2.totalRecordsCount == 0">{{ l('NoData') }}</div>
              </tab>

              <tab customClass="m-tabs__item" (select)="selectType(2)">
                <span *tabHeading>
                  报废文件 &nbsp;<span class='m-badge m-badge--danger'>
                    {{primengTableHelper1.totalRecordsCount}}
                  </span>
                </span>
                <p-table #dataTable1 (onLazyLoad)="getTechRules1($event)" [value]="primengTableHelper1.records"
                  rows="{{primengTableHelper1.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true"
                  [scrollable]="true" ScrollWidth="100%" [responsive]="primengTableHelper1.isResponsive"
                  [resizableColumns]="primengTableHelper1.resizableColumns">
                  <ng-template pTemplate="header">
                    <tr>
                      <th style="width: 80px">
                        {{ l('Actions') }}
                      </th>
                      <th style="width: 150px" pSortableColumn="TechRuleInfo.FileCode">
                        编号
                        <p-sortIcon field="TechRuleInfo.FileCode"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.FileName">
                        状态
                        <p-sortIcon field="TechRuleInfo.FileName"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.ModelName">
                        型号
                        <p-sortIcon field="TechRuleInfo.ModelName"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.DrawingCode">
                        图号
                        <p-sortIcon field="TechRuleInfo.DrawingCode"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.DrawingName">
                        图号名称
                        <p-sortIcon field="TechRuleInfo.DrawingName"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.StageType">
                        阶段
                        <p-sortIcon field="TechRuleInfo.StageType"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.Editor">
                        编制人
                        <p-sortIcon field="TechRuleInfo.Editor"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.EditTime">
                        编制时间
                        <p-sortIcon field="TechRuleInfo.EditTime"></p-sortIcon>
                      </th>
                      <!-- <th style="width: 80px" pSortableColumn="TechRuleInfo.SecurityType">
                        密级
                        <p-sortIcon field="TechRuleInfo.SecurityType"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.TechRuleType">
                        类型
                        <p-sortIcon field="TechRuleInfo.TechRuleType"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.UseUnit">
                        使用单位
                        <p-sortIcon field="TechRuleInfo.UseUnit"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.UseTime">
                        使用时间
                        <p-sortIcon field="TechRuleInfo.UseTime"></p-sortIcon>
                      </th>
                      <th style="width: 80px" pSortableColumn="TechRuleInfo.FromGist">
                        依据文件
                        <p-sortIcon field="TechRuleInfo.FromGist"></p-sortIcon>
                      </th> -->
                      <th style="width: 80px" pSortableColumn="PositionId">
                        位置
                        <p-sortIcon field="PositionId"></p-sortIcon>
                      </th>
                    </tr>
                  </ng-template>
                  <ng-template pTemplate="body" let-record="$implicit">
                    <tr>
                      <td style="width: 80px">
                        <div class="btn-group dropdown" dropdown container="body">
                          <button dropdownToggle class="dropdown-toggle btn btn-sm btn-primary">
                            <i class="fa fa-cog"></i><span class="caret"></span> {{"Actions" | localize}}
                          </button>
                          <ul class="dropdown-menu" *dropdownMenu>
                            <li><a (click)="goCar(record, 1)"
                                *ngIf="isGranted('Pages.TechRuleFileInfo.Manager')">加入入库车</a></li>
                            <li><a (click)="TechRuleLogModal.show(record)">日志</a></li>
                          </ul>
                        </div>
                      </td>
                      <td style="width: 150px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.fileCode }}
                      </td>
                      <td style="width: 80px">
                        <span class="ui-column-title"> 状态</span> {{ record.techRuleInfo.fileName }}
                        <span class="m-badge m-badge--danger">{{ record.statusName }}</span>
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.modelName }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span>
                        {{ record.techRuleInfo.drawingCode }}</td>
                      <td style="width: 80px"><span class="ui-column-title"> </span>
                        {{ record.techRuleInfo.drawingName }}</td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.stage }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.editor }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.editTime }}
                      </td>
                      <!-- <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.security }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span>
                        {{ record.techRuleInfo.techRuleType }}</td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.useUnit }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.useTime }}
                      </td>
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.techRuleInfo.fromGist }}
                      </td> -->
                      <td style="width: 80px"><span class="ui-column-title"> </span> {{ record.positionName }}</td>
                    </tr>
                  </ng-template>
                </p-table>
                <div class="primeng-no-data" *ngIf="primengTableHelper1.totalRecordsCount == 0">{{ l('NoData') }}</div>
                <div class="primeng-paging-container">
                  <p-paginator [rows]="primengTableHelper1.defaultRecordsCountPerPage" #paginator1
                    (onPageChange)="getTechRules1($event)" [totalRecords]="primengTableHelper1.totalRecordsCount"
                    [rowsPerPageOptions]="primengTableHelper1.predefinedRecordsCountPerPage">
                  </p-paginator>
                  <span class="total-records-count"> 共计：{{ primengTableHelper1.totalRecordsCount }} </span>
                </div>
              </tab>

            </tabset>
          </div>
          <!-- <Primeng-TurboTable-End> -->
        </div>
      </div>
    </div>
  </div>
  <createOrEditTechRuleModal #createOrEditTechRuleModal (modalSave)="reloadPage()"></createOrEditTechRuleModal>
  <actionTechRuleModal #actionTechRuleModal (modalSave)="reloadPage()"></actionTechRuleModal>
  <editOutOrBackTechRuleModal #editOutOrBackTechRuleModal (modalSave)="reloadPage()"></editOutOrBackTechRuleModal>
  <TechRuleLogModal #TechRuleLogModal></TechRuleLogModal>
</div>
